import { Accordion } from '@fomantic-react/main';

export default () => (
  <Accordion defaultId="a">
    <Accordion.Title target="a">What is a dog?</Accordion.Title>
    <Accordion.Content id="a">
      <p>
        A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome
        guest in many households across the world.
      </p>
    </Accordion.Content>
    <Accordion.Title target="b">What kinds of dogs are there?</Accordion.Title>
    <Accordion.Content id="b">
      <p>
        There are many breeds of dogs. Each breed varies in size and temperament. Owners often select a breed of dog
        that they find to be compatible with their own lifestyle and desires from a companion.
      </p>
    </Accordion.Content>
    <Accordion.Title target="c">How do you acquire a dog?</Accordion.Title>
    <Accordion.Content id="c">
      <p>Three common ways for a prospective owner to acquire a dog is from pet shops, private owners, or shelters.</p>
      <p>
        A pet shop may be the most convenient way to buy a dog. Buying a dog from a private owner allows you to assess
        the pedigree and upbringing of your dog before choosing to take it home. Lastly, finding your dog from a
        shelter, helps give a good home to a dog who may not find one so readily.
      </p>
    </Accordion.Content>
  </Accordion>
);
